<template>
  <div>
    <a-tabs default-active-key="1" style="padding:50px;border:1px solid" @change="callback">
      <a-tab-pane key="1" tab="menuA最简单的menu">
        <public-menu-a />
      </a-tab-pane>
      <a-tab-pane key="2" tab="menuB嵌套menu(如果有子菜单被打开，只是收起父菜单的，子菜单不收起" force-render>
        <public-menu-b />
      </a-tab-pane>
      <a-tab-pane key="3" tab="menuC可缩小)">
        <public-menu-c />
      </a-tab-pane>
      <a-tab-pane key="4" tab="menuE可摺叠(父菜单被收起，子菜单全部被收起">
        <public-menu-e />
      </a-tab-pane>
      <a-tab-pane key="5" tab="menuF子菜单是弹出形式">
        <public-menu-f />
      </a-tab-pane>
      <a-tab-pane key="6" tab="menuF函数">
        <public-menu-G />
      </a-tab-pane>
      <a-tab-pane key="7" tab="tab修改slot">
        <public-tabs-a />
      </a-tab-pane>
      <a-tab-pane key="8" tab="table表头分组">
        <public-table-biaotou />
      </a-tab-pane>
      <a-tab-pane key="9" tab="table合并单元格">
        <public-table-hebing />
      </a-tab-pane>
    </a-tabs>
  </div>
</template>
<script>
export default {
  name: 'AllTestPage',

  data() {
    return {}
  },
  methods: {
    callback(key) {
      console.log(key)
    }
  }
}
</script>
